<template>
    <el-breadcrumb separator-icon="ArrowRight" >
        <el-breadcrumb-item :to="{ path: '/Home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item v-for="item in breadcrumbItem" :key="item.id">{{item.name}}</el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script setup>
    import { ArrowRight } from '@element-plus/icons-vue'

    const props = defineProps({
        breadcrumbItem:{
            type:Array,
            default:function(){
                return []
            }
        },
    })
 
</script>

<style lang="scss" scoped>

</style>